.split-line-wrapper {
  height: 0.186666666666667rem;
  background: #f5f5f5;
}
html,
body {
  width: 100%;
  background: #fcfcfc;
  overflow-x: hidden;
}
html .bind-wrapper,
body .bind-wrapper {
  padding-top: 1.386666666666667rem;
}
html .bind-wrapper .head-wrapper,
body .bind-wrapper .head-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 1.386666666666667rem;
  font-size: 0;
  z-index: 9;
  background: #fcfcfc;
}
html .bind-wrapper .head-wrapper .back-wrapper,
body .bind-wrapper .head-wrapper .back-wrapper {
  width: 1.306666666666667rem;
  height: 1.386666666666667rem;
  background: url("../img/back-icon.png") no-repeat center center;
  background-size: 0.226666666666667rem 0.4rem;
  vertical-align: top;
}
html .bind-wrapper .head-wrapper .title-wrapper,
body .bind-wrapper .head-wrapper .title-wrapper {
  width: 7.12rem;
  height: 1.386666666666667rem;
  line-height: 1.386666666666667rem;
  font-family: SimHei;
  font-size: 0.426666666666667rem;
  vertical-align: top;
}
html .bind-wrapper .head-wrapper .home-wrapper,
body .bind-wrapper .head-wrapper .home-wrapper {
  width: 1.573333333333333rem;
  height: 1.386666666666667rem;
  background: url("../img/home-icon.png") no-repeat center center;
  background-size: 0.493333333333333rem 0.466666666666667rem;
  vertical-align: top;
}
html .bind-wrapper .phone-and-code-wrapper .check-wrapper,
body .bind-wrapper .phone-and-code-wrapper .check-wrapper {
  padding: 0 0.533333333333333rem;
  height: 1.466666666666667rem;
  border-bottom: 2px solid #f0f0f0;
  font-size: 0;
}
html .bind-wrapper .phone-and-code-wrapper .check-wrapper .left-icon,
body .bind-wrapper .phone-and-code-wrapper .check-wrapper .left-icon {
  width: 0.56rem;
  height: 1.466666666666667rem;
  vertical-align: top;
  background: url("../img/phone-icon.png") no-repeat center center;
  background-size: 0.56rem 0.56rem;
}
html .bind-wrapper .phone-and-code-wrapper .check-wrapper .left-icon.code-icon,
body .bind-wrapper .phone-and-code-wrapper .check-wrapper .left-icon.code-icon {
  background: url("../img/code.png") no-repeat center center;
  background-size: 0.56rem 0.56rem;
}
html .bind-wrapper .phone-and-code-wrapper .check-wrapper .input-box,
body .bind-wrapper .phone-and-code-wrapper .check-wrapper .input-box {
  font-size: 0.4rem;
  color: #454545;
  height: 0.533333333333333rem;
  margin-left: 0.373333333333333rem;
  margin-top: 0.453333333333333rem;
  padding: 0;
  border: none;
  outline: none;
  background: none;
  width: 5.413333333333333rem;
}
html .bind-wrapper .phone-and-code-wrapper .check-wrapper .input-box::-webkit-input-placeholder,
body .bind-wrapper .phone-and-code-wrapper .check-wrapper .input-box::-webkit-input-placeholder {
  color: #bdbdbd;
}
html .bind-wrapper .phone-and-code-wrapper .check-wrapper .get-code,
body .bind-wrapper .phone-and-code-wrapper .check-wrapper .get-code {
  vertical-align: top;
  width: 2.533333333333333rem;
  height: 0.88rem;
  margin-top: 0.293333333333333rem;
  line-height: 0.88rem;
  font-size: 0.346666666666667rem;
  color: #00a0e9;
  position: relative;
}
html .bind-wrapper .phone-and-code-wrapper .check-wrapper .get-code:after,
body .bind-wrapper .phone-and-code-wrapper .check-wrapper .get-code:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #00a0e9;
  content: '';
}
html .bind-wrapper .phone-and-code-wrapper .check-wrapper .get-code:after,
body .bind-wrapper .phone-and-code-wrapper .check-wrapper .get-code:after {
  border-radius: 0.213333333333333rem;
}
html .bind-wrapper .phone-and-code-wrapper .check-wrapper .get-code.sended,
body .bind-wrapper .phone-and-code-wrapper .check-wrapper .get-code.sended {
  display: none;
}
html .bind-wrapper .submit-btn,
body .bind-wrapper .submit-btn {
  width: 8.186666666666667rem;
  height: 1.013333333333333rem;
  line-height: 1.013333333333333rem;
  margin: 0.533333333333333rem 0.906666666666667rem 0rem 0.906666666666667rem;
  color: #fff;
  background: #00a0e9;
  font-size: 0.4rem;
  border-radius: 0.133333333333333rem;
}
